<!DOCTYPE html>
<html class="pixel-ratio-2 retina android android-6 android-6-0">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta name="format-detection" content="telephone=no" />
    <title>首页</title>
    <link rel="stylesheet" href="sx_assets/css/style.css">
	<link rel="stylesheet" href="sx_assets/css/mui.min.css">
	<link rel="stylesheet" href="sx_assets/font/iconfont.css">
</head>
	<body>
		<div id="vue_det">
			<!-- 标题栏 -->
			<div class="navigation-bar">
				<div class="navigation-bar-title" >电表编辑</div>
				<div class="navigation-left">
					<div class="navigation-left-title" v-on:click="goBack()"><li class="iconfont fs16">&#xe644;</li></div>
				</div>
				<div class="navigation-right">
					<div class="navigation-right-title">
						<i class="iconfont fs16">&#xe784;</i>
					</div>
				</div>
			</div>
			<!-- 内容 -->
			<div class="content">
				<form class="mui-input-group fs14">
					<div class="mui-input-row">
						<label style="width: 30%;">表名</label>
						<input type="text" style="font-size: 14px;width:70%;" placeholder="表名" v-model="CommAddr">
					</div>
					<div class="mui-input-row">
						<label style="width: 30%;">通讯地址</label>
						<input type="text" style="font-size: 14px;width:70%;" class="mui-input-clear" v-model="CollectName" placeholder="0000000000">
					</div>
					<div class="mui-input-row">
						<label style="width: 30%;">变比</label>
						<input type="text" style="font-size: 14px;width:70%;" class="mui-input-clear" v-model="CollectName" placeholder="1">
					</div>
					<div class="mui-input-row">
						<label style="width: 30%;">电表类型</label>
						<input type="text" style="font-size: 14px;width:70%;" class="mui-input-clear" v-model="CollectName" placeholder="未知">
					</div>
					<div class="mui-input-row">
						<label style="width: 30%;">用户类型</label>
						<input type="text" style="font-size: 14px;width:70%;" class="mui-input-clear" v-model="CollectName" placeholder="未知">
					</div>
					
					<div class="mui-button-row">
						<button type="button" class="mui-btn"  style="background-color: #00796B;color: #FFFFFF;"  v-on:click="insertData()" >保存</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<button type="button" class="mui-btn mui-btn-danger">删除</button>
					</div>
				</form>
			</div>
		</div>
	</body>
</html>
<script src="sx_assets/js/vue.min.js"></script>
<script src="sx_assets/js/vconsole.min.js"></script>
<script>
	// 初始化
	var vConsole = new VConsole();
	console.log('test');
	var vm = new Vue({
		el: '#vue_det',
		data: {
			selCollect:'0000000',
			CommAddr:'',
			CollectName:'',
		},
		created: function () {
			this.docReady();
		},
		methods: {
			docReady:function(){
				document.addEventListener('PHJSReady', function() {
				    
				});
			},
			goBack:function(){
				window.location.href = 'meter.html';
			}
		}
	})
	 
</script>
